<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ page session="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!-- This template was created by Mantis-a [http://www.mantisa.cz/]. For more templates visit Free website templates [http://www.mantisatemplates.com/]. -->

<meta name="Description" content="..." />
<meta name="Keywords" content="..." />
<meta name="robots" content="all,follow" />
<meta name="author" content="..." />
<meta name="copyright" content="Mantis-a [http://www.mantisa.cz/]" />

<meta http-equiv="Content-Script-Type" content="text/javascript" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- CSS -->
<link rel="stylesheet" href="/AgenciaNavieraWeb/resources/css/style.css" type="text/css" media="screen, projection, tv" />
<link rel="stylesheet" href="/AgenciaNavieraWeb/resources/css/structure.css" type="text/css" />
<link rel="stylesheet" href="/AgenciaNavieraWeb/resources/css/form.css" type="text/css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/AgenciaNavieraWeb/resources/css/style-ie.css" media="screen, projection, tv" /><![endif]-->
<link rel="stylesheet" href="/AgenciaNavieraWeb/resources/css/style-print.css" type="text/css" media="print" />
<link rel="shortcut icon" href="/AgenciaNavieraWeb/resources/favicon.ico" type="image/x-icon" />

<!-- JavaScript -->
<script src="/AgenciaNavieraWeb/resources/scripts/wufoo.js"></script>

<!--[if lt IE 10]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<title>Aplicación Web Agencia Naviera | Homepage</title>
</head>

<body>
<div id="main">

	<!-- Header -->
	<div id="header">
		<div id="header-in">
			<ul id="navigation">
				<li id="house"><a href="#">Homepage</a>|</li>
				<li id="sitemap"><a href="#">Sitemap</a>|</li>
				<li id="envelope"><a href="#">Contact us</a></li>
		</ul>
		<!-- Your website name  -->
		<h1><a href="#">Aplicación Web Agencia Naviera</a></h1>
		<!-- Your website name end -->
		
			<!-- Your slogan -->
			<h2></h2>
			<!-- Your slogan end -->

		<!-- Search form -->
		<form  class="searching" action="">
		<fieldset>
			<label>Searching</label>
				<input class="search" type="text" onfocus="if(this.value==this.defaultValue)this.value=''" 
				onblur="if(this.value=='')this.value=this.defaultValue" value="Search term&hellip;" />
				<input class="hledat" type="image" src="/AgenciaNavieraWeb/resources/img/search-button.gif" name="" alt="Search" />
		</fieldset>
		</form>
		<!-- Search end -->		
		</div>
	</div>
	<!-- Header end -->
	
	<!-- Menu -->
	<div id="menu-box" class="cleaning-box">
	<a href="#skip-menu" class="hidden">Skip menu</a>
		<ul id="menu">
			<li class="first"><a href="home" >Home</a></li>
			<li><a href="addCliente">Registro de Cliente</a></li>
			<li><a href="addEmbarque" class="active">Registro de Embarque</a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
		</ul>
	</div>
	<!-- Menu end -->
	
<hr class="noscreen" />

<div id="skip-menu"></div>
	
	<div id="content">
	
		<!-- Content box with white background and gray border -->
		<div id="content-box">
		
			<!-- Left column -->
			<div id="content-box-in-left">
				<div id="content-box-in-left-in">
					<h3>Registro de Embarque</h3>
						
						<p></p>
						
						
						
<div id="container">


<form:form method="post" commandName="embarque" action="addEmbarque" >
<fieldset>
<ul>

<li id="foli0" class="complex     ">
<label class="desc" id="title0" for="Field0">
Embarque
</label>
</li>
<li>
<span>
<label for="codigo">Código de Embarque:</label>
</span>
<span>
<form:input path="codigo" id="codigo" cssClass="field text fn" size="30" tabindex="1"/>
</span>
</li>
</ul>
</fieldset>
<fieldset>
<ul>
<li>
<span>
<label for="embarcador">Embarcador:</label>
</span>
<span>
<form:input path="embarcador" id="embarcador" cssClass="field text fn" size="30" tabindex="2"/>
</span>
</li>
<li>
<span>
<label for="consignatario">Consignatario:</label>
</span>
<span>
<form:input path="consignatario" id="consignatario" cssClass="field text fn" size="30" tabindex="3"/>
</span>
</li>
<li>
<span>
<label for="tipoCarga">Tipo de Carga:</label>
</span>
<span>
<form:select path="tipoCarga" id="tipoCarga" cssClass="field text ln" tabindex="4">
<form:option value="Carga Ligera" selected="selected">Carga Ligera</form:option>
<form:option value="Carga Liviana">Carga Liviana</form:option>
<form:option value="Carga Pesada">Carga Pesada</form:option>
</form:select>
</span>
</li>
<li>
<span>
<label for="productos">Productos a Enviar:</label>
</span>
<span>
<form:select path="productos" id="productos" cssClass="field text ln" tabindex="5" multiple="true">
<form:option value="Harina de Pescado" selected="selected">Harina de Pescado</form:option>
<form:option value="Electrodomesticos">Electrodomesticos</form:option>
<form:option value="Ropa">Ropa</form:option>
<form:option value="Alimentos">Alimentos</form:option>
<form:option value="Insumos Quimicos">Insumos Quimicos</form:option>
</form:select>
</span>
</li>
<li>
<span>
<label for="puertos">Puertos:</label>
</span>
<span>
<form:select path="puertos" id="puertos" cssClass="field text ln" tabindex="6" multiple="true">
<form:option value="23.337212166501164, 116.68167114257812" selected="selected">China-Shantou</form:option>
<form:option value="19.052222, -104.315833">Mexico-Manzanillo</form:option>
<form:option value="40.754546, -74.007084">EEUU-New York</form:option>
<form:option value="-12.067926, -77.145313">Peru-Callao</form:option>
<form:option value="-24.650595866661664, -70.56328654289245">Chile-Antofagasta</form:option>
</form:select>
</span>
</li>

<li class="buttons ">
<span><label for="Field1"></label></span>
<span>
<input type="submit" value="Add Embarque"/>
</span>
</li>

</ul>
</fieldset>
</form:form>

</div><!--container-->
						
						
						
						
						
						<div class="cleaner">&nbsp;</div>
						
						<p></p>
					<h3></h3>
						
				</div>
			</div>
			<!-- Left column end -->

<hr class="noscreen" />
			
			
		</div>
		<!-- Content box with white background and gray border end -->
	</div>

<hr class="noscreen" />
	
	<!-- Footer -->
	<div id="footer">
		<div id="footer-in">
			<p class="footer-left">&copy; <a href="#">Your website name</a>, 2008.</p>
			<p class="footer-right"><a href="http://www.mantisatemplates.com/">Free web templates</a> 
			by <a href="http://www.mantisa.cz/">Mantis-a</a></p>
		</div>
	</div>
	<!-- Footer end -->

</div>
</body>
</html>